*{

  font-family: '微软雅黑';
}

.text_l{text-align: left}
.f_l{
  float: left
}
.f_r{
  float: right
}
/*头部*/
//头部
a {
  list-style: none;
  text-decoration: none;
}

header {
  width: 100%;
  height: 45px;
}

.head {
  background:url(../img/gifs.png) repeat-x;
  background-size:cover;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 1.2rem;
  position: relative;
}

header .head a:nth-child(2) {
  width: 100%;
}

.font_18 {
  font-size: 1.2rem;
}

.co_f {
  color: #fff !important;
}

.back {
  position: absolute;
  top: 0px;
  left: 0px;
  i {
    color: #fff;
    vertical-align: middle;
    margin-left: 5px;
  }
}
.adds {
  position: absolute;
  top: 0px;
  right: 0px;
  i {
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
  }
}

.save {
  position: absolute;
  top: -2px;
  right: 0px;
  button {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    margin-right: 5px;
    border: none;
    padding: 5px 10px;
  }
}
.operation {
  position: absolute;
  top: 0;
  right: 5px;
  color: #fff;
}
 //seachfrom
.seachfrom {
  background: #eaeaea;
  padding: 10px 15px;
} 

//list_box 表单
.datalist {
  width:95%;
  margin: auto;
  li {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    a{
      display: -webkit-flex; /* Safari */
      display: flex;
      justify-content:flex-start;
      align-items:center;
    }
  }
  
}
.items-img {
  width:3.5rem;
  margin-right: 10px;
  display: table;
}

.items-img img {
  width: 100%;
  height: 100%;
}

.items-text {
  font-size:0.88rem;
  display: block;
  width:calc(100% - 3.5rem);  
}
.items-text p:first-child{
  font-size: 1rem;
  color: #43464f;
  margin-bottom: 8px;
}
.items-text p {
  margin:0px 0px 5px 0px;
  color: #7a808f;
  white-space: nowrap;
  width:100%;
  text-overflow:ellipsis;overflow:hidden;
  span{
    color:#8accf6;
  }
}
 


/*面积标题*/
.item-title {
  padding: 12px 0 12px 10px;
  color: #7a808f;
  span {
    color: #f5573e;
    font-size: 12px;
    margin: 0px 10px;
  }
}



/****************************首页********************************/
.finish-wrap {
  background: #f5f5f5;
  height: 100%;
  width: 100%;
}

.mune_list {
  width: 90%;
  max-width: 640px;
  min-width: 300px;
  margin: 0 auto;
  overflow: hidden;
  ul{
    margin-bottom:5%;
        li {
    background: #fff;
    margin: 3% 0px 0px 0px;
    -webkit-animation: fadeInUp 2s ease 0s 1 both;
    -moz-animation: fadeInUp 2s ease 0s 1 both;
    -o-animation: fadeInUp 2s ease 0s 1 both;
    animation: fadeInUp 2s ease 0s 1 both;
    width: 100%;
    .mune-box {
      display: -webkit-flex;
      /* Safari */
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 15px;
      .mune-detail {
        display: -webkit-flex;
        /* Safari */
        display: flex;
        justify-content: flex-start;
        align-items: center;
        img {
          width:3rem;
          height:3rem;
        }
        .mune-text{
          margin-left: 1rem;
          span{
            color:#3e3e3e;
            font-size: 1.1rem;
            font-weight: 500;
          }
          p{
            padding-top: .5rem;
            margin: 0px;
            color: #9b9b9b;
            font-size:.8rem;
            span{
              margin-left: .2rem
            }
          }
        }
      }
      a{
            background: #83b5ff;
            padding: 5px 15px;
            border-radius: 30px;
            color: #fff;
      }
    }
  }
  }

}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

//轮播样式重构
.indicators {
  bottom: 5px !important;
}


/****************************首页********************************/



/****************************列表********************************/
.munebox{
  width: 100%;
  background: #fff;
  overflow: hidden;
 li{
  display: inline-block;
  box-sizing: border-box;
  width:33.3%;
  text-align: center;
  float: left;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  
  a{
      justify-content: center;
      align-items:center;
      img{
        margin-top:.9rem;
        display: inline;
        width:2.5rem;
      }
      p{
        font-size:.9rem;
        color: #666666;
        margin: .9rem 0px;
      }
  }
 }
}
.munebox li:nth-child(3n){
border-right: none
}
.munebox li:nth-last-child(3), .munebox li:nth-last-child(2), .munebox li:nth-last-child(1) {
border-bottom: none;
}
/****************************详情********************************/
.detail_status_info {
  background-color: #fff;
  margin: .4rem 0;
  header {
    line-height: 2.8rem;
    font-size: 1rem;
    color: #333;
    border-bottom: .025rem solid #f1f1f1;
    span {
      padding: 0 0 0 .6rem;
    }
  }
  p {
    font-size: .85rem;
    color: #666;
    padding: .8rem;
    margin: 0rem;
    border-bottom: .025rem solid #f5f5f5;
        display: flex;
    label{
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  color: #333
    }
    span{-webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;

    }
  }
}

.collapseheader {
  display: block;
  float: left;
  width: 92%;
}

.header-icon {
  margin-right: 5px;
}

.Retail {
  border: 1px solid #ccc
}

.Retail tr th,
.Retail tr td {
  border: 1px solid #ccc
}

table.dataintable {
  border-collapse: collapse;
  border: 1px solid #aaa;
  width: 100%;
}

table.dataintable tr:nth-child(odd) {
  background-color: #F5F5F5;
}

table.dataintable th {
  vertical-align: baseline;
  padding: 5px 15px 5px 6px;
  background-color: #f5f7fa;
  border: 1px solid #e6ebf5;
  text-align: left;
  color: #5a5e66;
}

table.dataintable td {
  vertical-align: text-top;
  padding: 6px 15px 6px 6px;
  border: 1px solid #e6ebf5;
  color: #5a5e66;
  a{
    color:#4983d9
  }
}
/*重构面板样式*/
.el-collapse{
  border:none;
}
.el-collapse-item:last-child .el-collapse-item__header{
  border-bottom:none
}

/**/
.underline{ border-bottom:none !important}

  //数据为空时候
  .none_data{
    width:40%;
    margin:5% auto;
  }
  .none_data img{ width:100%;}

  /*关联土地*/
  .relation{
    li{
      margin-top: 10px;
      
      a{
        color:#8babfc;
      }
 .houseimg{
  width:18px;
  height:18px;
  margin-right: 5px;
  vertical-align: sub
}
    }
}

.relation li:first-child{ margin-top: 0}
.relation{
  color: #8babfc
}
.houseimg{
  width:18px;
  height:18px;
  margin-right: 5px;
  vertical-align: bottom
}